/* constant */
@rem: 25rem;

.container{
  overflow: hidden;

  /* 带标题面板  */

  .sub-title-panel {
    width: 95%;
    margin: 15/@rem auto;
    background: #fff;
    border-radius: 5/@rem;
    text-align: left;

    .title {
      height: 50/@rem;
      line-height: 50/@rem;
      font-size: 15/@rem;
      padding: 0 20/@rem;
      color: #20ad20;
    }

    .content {
      overflow: hidden;

      .tag-group {
        font-size: 12/@rem;
        padding: 10/@rem;
      }

      .tag-item {
        font-size: 12/@rem;
        padding: 5/@rem 10/@rem;
        display: inline-block;
        margin: 10/@rem;
        text-align: center;
        border-radius: 3/@rem;
        color: #333;
      }

      .sub-title-panel:nth-child(1) .tag-group .active ,.active{
        background: #f6baad;
        color: #e62900;
      }

      .sub-title-panel:nth-child(2) .tag-group .active {
        background: #cfebd8;
        color: #029837;
      }

      .sub-title-panel:nth-child(3) .tag-group .active {
        background: #98c2fa;
        color: #0e5bba;
      }
    }
  }

  button{
    width: 95%;
    height: 40/@rem;
    line-height: 40/@rem;
    background: #22ae22;
    color: #FFF;
    font-size: 12/@rem;
    margin-top: 15/@rem;
    border-radius: 5/@rem;
    border: none;
  }

}
